<%@page import="Form.CusForm"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>


<!DOCTYPE html>
<html:html lang="true">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title><bean:message key="welcome.title"/></title>
        <link href="css/mini3537.css?files=reset,common,form,standard,960.gs.fluid,simple-lists,block-lists,planning,table,calendars,wizard,gallery" rel="stylesheet" type="text/css">
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
        <link rel="icon" type="image/png" href="favicon-large.png">
        <script type="text/javascript" src="js/miniab15.php?files=html5,jquery-1.4.2.min,old-browsers,jquery.accessibleList,searchField,common,standard,jquery.tip,jquery.hashchange,jquery.contextMenu,list"></script>

        <link href="datepicker/themes/ui-lightness/jquery.ui.all.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.ui.core.js"></script>
        <script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
        <script type="text/javascript" src="js/jquery.ui.widget.js"></script>
        <html:base/>


    </head>
    <body >
        <%@ include file="/Header.jsp"%>
        <!-- ####################                  Vertical Menu                    ########################## -->
        <%@ include file="/verticalmenu.jsp"%>

        <!-- ####################                  Vertical Menu                    ########################## -->

        <!-- *************************************** Content *************************************************** -->
    <section class="grid_9">
        <div class="block-border"><div class="block-content">
                <!-- We could put the menu inside a H1, but to get valid syntax we'll use a wrapper -->
                <div class="h1 with-menu">
                    <h1>Web stats</h1>
                </div>

                <div class="block-controls">

                    <ul class="controls-tabs js-tabs same-height with-children-tip">
                        <li><a href="#tab-stats" title="Charts"><img src="images/icons/web-app/24/Bar-Chart.png" width="24" height="24"></a></li>
                        <li><a href="#tab-comments" title="Comments"><img src="images/icons/web-app/24/Comment.png" width="24" height="24"></a></li>
                        <li><a href="#tab-medias" title="Medias"><img src="images/icons/web-app/24/Picture.png" width="24" height="24"></a></li>
                        <li><a href="#tab-users" title="Users"><img src="images/icons/web-app/24/Profile.png" width="24" height="24"></a></li>
                        <li><a href="#tab-infos" title="Informations"><img src="images/icons/web-app/24/Info.png" width="24" height="24"></a></li>
                    </ul>

                </div>

                <html:form styleClass="form"  action="cus.do"  styleId="cus">

                    <fieldset class="grey-bg">
                        <legend><a href="#">Options</a></legend>

                        <div class="float-left gutter-right">
                            <label for="stats-period">Custommer Name</label>
                            <span class="input-type-text">
                                <html:text name="CusForm" property="name" styleId="nameCus"></html:text></span>
                        </div>
                        <div class="float-left gutter-right">
                            <label for="stats-period">Address</label>
                            <span class="input-type-text">
                                <html:text property="adress" name="CusForm" styleId="adressCus"></html:text></span>
                        </div>
                        <div class="float-left gutter-right">
                            <label for="stats-period">PhoneNumber</label>
                            <span class="input-type-text">
                                <html:text property="phoneNum" name="CusForm" styleId="phoneCus"></html:text></span>
                        </div>
                        <div class="float-left gutter-right">
                            <label for="stats-period">Mail</label>
                            <span class="input-type-text">
                                <html:text property="email" name="CusForm" styleId="mailCus"></html:text></span>
                        </div>
                                              
                        <div class="float-left gutter-right">
                            <br>
                            <span class="input-type-text">
                                <label for="stats-period">Note</label>
                                <html:textarea property="note" styleId="noteCus" name="CusForm" style="margin-top: 2px; margin-bottom: 2px; height: 67px; margin-left: 2px; margin-right: 2px; width: 674px; " /></span>
                        </div>

                    </fieldset>


                <ul class="message no-margin">

                    <button type="button" class="red" onclick="cancel()">Cancel</button>
                    <button type="reset" class="grey">Reset</button>
                    <button type="button" onclick="saveCustommer()" id="saveCus"><img src="images/icons/fugue/tick-circle.png" width="16" height="16"> Save</button>
                </ul>
                     </html:form>
            </div></div>
    </section>


    <!-- *************************************** Content *************************************************** -->
</article>
<!--Footer-->
<%@ include file="/Footer.jsp"%>
<!-- Footer -->
</body>
</html:html>
<script language="javascript">


function loadForm(){
	var type = '<%=(String) request.getAttribute("type")%>';
    if(type == "detail"){
        document.getElementById("nameCus").disabled=true;
        document.getElementById("adressCus").disabled=true;
        document.getElementById("phoneCus").disabled=true;
        document.getElementById("mailCus").disabled=true;
        document.getElementById("noteCus").disabled=true;
        document.getElementById("saveCus").disabled=true;      	
    }
}


//--------------------- save or edit --------------------------------
    var type = '<%=(String)request.getAttribute("type")%>'
    id = '<%=(String)request.getAttribute("id")%>'
    function saveCustommer()
	{
            if(type=='add'){
                document.getElementById("cus").action = 'cus.do?method=addCustommer&type=add';
                document.getElementById("cus").submit();
            }else{
                document.getElementById("cus").action = 'cus.do?method=editCustommer&type=edit&id='+ id;
				document.getElementById("cus").submit();
            }

	}

     function cancel(){
         document.getElementById("cus").action = 'cus.do?method=getAllCustomer';
         document.getElementById("cus").submit();
     }

</script>